import React from 'react';
import './index.less';

const WebBanner = ({ title, className, children }) => {
  const classNames = ['web-page-banner', 'web-page-block'];
  classNames.push(className);
  return (
    <div className={classNames.join(' ')}  >
      <div className='web-page-block-content'>
        {title ? <div className='web-page-banner-title'>{title}</div> : children}
      </div >
    </div >
  )
}

export default WebBanner;